<template>
  <div>
    <Header></Header>
    <div class="clear"></div>
    <div id="background">
      <div id="slider-padding">
        <div class="coin-slider" id="coin-slider-slider">
          <div id="slider">
            <img
              src="../images/vladstudio_rider_wallpaper.jpg"
              id="element"
              alt="children"
            />
            <img
              src="../images/vladstudio_guitarist_wallpaper.jpg"
              id="element"
              alt="children"
            />
            <img
              src="../images/vladstudio_little_elephant_big_ukulele_wallpaper.jpg"
              id="element"
              alt="children"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import "../plugins/coin-slider.js";
import Header from "../Base/Header.vue";
import Side_Column from "../Base/Side_column.vue";
export default {
  components: {
    Header,
    Side_Column,
  },
  mounted() {
    $("#slider").coinslider();
  },
};
</script>

<style>
@import url("http://demo.kangjingept.com:8020/cssthemes1/ftmp_43/style.css");
#background {
  height: 1000px;
  overflow: hidden;
  background: url(../images/brang.png) repeat, center center / 100% 100%;
}
#slider > a {
  display: block;
}
.cs-prev,
.cs-next {
  background-color: inherit !important;
}
#slider-padding {
  width: 948px;
  height: 367px;
  padding: 5px;
  background: #2d3640;
  border: 1px solid #2d3640;
  margin: 48px auto;
  overflow: hidden;
}
</style>